<template>
    <van-list
            v-model="loading"
            :finished="finished"
            finished-text="没有更多了"
            @load="onLoad"
    >
        <van-nav-bar
                left-text="返回"
                left-arrow
                @click-left="onClickLeft"
        />
        <div>
            <van-pull-refresh v-model="isLoading" @refresh="onRefresh">
                <van-list
                        v-model="loading"
                        :finished="finished"
                        finished-text="没有更多了"
                        @load="onLoad"
                >
                    <van-tabs @click="onClick">
                        <van-tab title="我的关注">
                            <div>
                                <div style="float: left;margin-left: 20px;margin-top: 10px;width: 30%">
                                    <van-image
                                            round
                                            width="3rem"
                                            height="3rem"
                                            src="https://img01.yzcdn.cn/vant/cat.jpeg"
                                    />
                                </div>
                                <div style="width: 70%;margin-top: 10px">
                                    <span>title</span><br>
                                    <span>个性签名</span>
                                </div>
                            </div>
                        </van-tab>
                        <van-tab title="我的粉丝">
                            <div>
                                <div style="float: left;margin-left: 20px;margin-top: 5px;width: 30%">
                                    <van-image
                                            round
                                            width="4rem"
                                            height="4rem"
                                            src="https://img01.yzcdn.cn/vant/cat.jpeg"
                                    />
                                </div>
                                <div style="width: 70%;margin-top: 15px">
                                    <span>title</span>
                                    <van-button style="position: absolute;margin-left: 60px;border: hotpink;color: hotpink" plain hairline type="info">+关注</van-button>
                                </div>
                            </div>
                        </van-tab>
                    </van-tabs>

                    <van-cell v-for="item in list" :key="item" :title="item"/>
                </van-list>
            </van-pull-refresh>

        </div>
    </van-list>
</template>

<script>
    export default {
        name: "fans",
        data() {
            return {
                isLoading: false,
                loading: false,
                finished: false,
                count: 0,
            };
        },
        methods: {
            onRefresh() {
                setTimeout(() => {
                    this.$toast('刷新成功');
                    this.isLoading = false;
                }, 1000);
            }, onLoad() {
                setTimeout(() => {
                    this.loading = false;
                    this.$toast('加载成功');
                }, 1000);
            },
            onClickLeft() {
                this.$router.push("/MY")
            },
            onClick(name, title) {
                this.$toast(title);
            }
        },
    }
</script>

<style scoped>

</style>